<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐i-我的优惠券</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/css/happyi/myCoupon.min.css?v=<%=$version%>">
</head>
<body>
<div id="myCoupon" v-cloak :class="{'myFollows':type==5}">
    <div class="circleBar-top">
        <span class="goback" @click="getBack()"></span>
        优惠券
    </div>
    <div class="myPost-tab clearfix">
        <span :class="{'active':list.state==1}" @click="getTab(1)">未使用
            <span v-if="newCoupon&&newCoupon.couponId">({{noticeList.totalRow+1}})</span>
            <span v-else>({{noticeList.totalRow}})</span>
        </span>
        <span :class="{'active':list.state==4}" @click="getTab(4)">已使用
            <span v-if="newCoupon&&newCoupon.couponId">({{noticeList.totalRow+1}})</span>
            <span v-else>({{noticeList.totalRow}})</span>
        </span>
        <span :class="{'active':list.state==3}" @click="getTab(3)">已过期
            <span v-if="newCoupon&&newCoupon.couponId">({{noticeList.totalRow+1}})</span>
            <span v-else>({{noticeList.totalRow}})</span>
        </span>
    </div>
    <div class="myCoupon">
        <div class="coupon-list" v-for="item in noticeList2">
            <strong class="coupon-lableIcon"></strong>
            <strong class="coupon-txt">{{item.discount}}折</strong>
            <!--<strong class="purchase-icon5" v-if="item.discount==5"></strong>-->
            <!--<strong class="purchase-icon6" v-if="item.discount==6"></strong>-->
            <!--<strong class="coupon-icon3" v-if="item.discount==7"></strong>-->
            <!--<strong class="coupon-icon4" v-if="item.discount==8"></strong>-->
            <strong class="coupon-icon" v-if="list.state==1"></strong>
            <strong class="coupon-icon1" v-if="list.state==3"></strong>
            <strong class="coupon-icon2" v-if="list.state==4"></strong>
            <strong class="slide-img" :style="bgimg(item.imgSrc)"></strong>
            <h6>{{item.title}}</h6>
            <span class="purchase-icon2"></span>
            <p>商品原价：&yen;{{item.pintegral}}</p>
            <div class="list-butt">
                购入价:
                <span class="list-buttMoney">{{item.integral}}</span>
                <template v-if="list.state==1">
                    <!--<span class="list-btn" @click="getNext(2)">去出售</span>-->
                    <span class="list-btn" @click="getNext(3,item)">立即使用</span>
                </template>
                <template v-else>
                    <span class="list-btn1" @click="getIsClassify(item.couponId)">删除</span>
                </template>
                <!--<span class="list-btn1">已购买</span>-->
            </div>
        </div>
        <div class="coupon-list newList" v-if="newCoupon&&newCoupon.couponId">
            <strong class="slide-img"></strong>
            <h6>新人专享折扣资格券</h6>
            <span class="coupon-lable">资格券</span>
            <p>有效期：{{newCoupon.beginDate}}-{{newCoupon.endDate}}</p>
            <div class="list-butt">
                仅可在新人专享里使用
                <span class="list-btn" @click="getNext(1)">立即使用</span>
            </div>
        </div>
    </div>
    <footer class="myCoupon-footer clearfix">
        <a href="/happyi/collage">拼单抢券</a>
        <a>更多券</a>
    </footer>
    <div class="loadtip" v-if="loadFlag"></div>
    <pop-view v-show="pop.show" @on="getIsClassify()" :question="pop.question" @ok="deleteCoupon()"></pop-view>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/js/happyi/myCoupon.js?v=<%=$version%>"></script>

</body>
</html>